<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="ileader-header">
  <div class="ileader-main layui-clear">
    <a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
    <ul class="nav-list">
      <li class="list-item"><a href="#">下载APP</a></li>
      <li class="list-item">
        <form class="layui-form search-box">
          <div class="layui-input-inline">
            <input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
        </form>
      </li>
      <!-- 登录前 -->
      <!--<li class="list-item">-->
      <!--<a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>-->
      <!--</li>-->
      <!--<li class="list-item item-user">-->
      <!--<span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>-->
      <!--</li>-->
      <!-- 登录后 -->
      <li class="list-item list-item-after">
        <a href="m-news.html" class="user-news active">消息</a>
        <a href="m-online-course.html">个人中心</a>
      </li>
      <li class="list-item item-user">
        <span class="user-name">黑眼圈圈</span>
        <span class="user-head"><img src="../dist/images/user_head.png" alt=""></span>
      </li>
    </ul>
  </div>
</div>
<!-- header start-->

<!-- content start-->
<div class="member-wrap set-padding">
  <div class="m-pay-floor">
    <div class="floor-title">
      <div class="ft-title">确认订单信息</div>
      <div class="ft-tips">请在2小时内完成支付，否则订单会被自动关闭</div>
    </div>
    <div class="pay-user layui-clear">
      <div class="user-pic"><img src="https://img.mukewang.com/5b2a0c4d0001029d09600960-100-100.jpg" alt=""></div>
      <div class="user-info">
        <div class="info-name">购买账号：香蕉牛奶<span class="color-gray">（手机登录）</span></div>
        <div class="info-tips">注意：购买后不支持退款、转让，请确认开课时间或有效期后再提交订单</div>
      </div>
    </div>
    <div class="pay-method">
      <div class="pay-method-title">支付方式</div>
      <ul class="js-pay-method">
        <li class='pay-way alipay active' data-type='1'><i class="icon icon-alipay"></i>支付宝</li>
        <li class='pay-way wxpay' data-type='2'><i class="icon icon-wx"></i>微信</li>
      </ul>
    </div>
    <div class="pay-goods">
      <div class="pay-goods-title">购买课程</div>
      <div class="goods-info layui-clear">
        <a href="#" class="info-link">
          <div class="info-pic"><img src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg" alt=""></div>
          <div class="info-content">
            <div class="info-name">python数据分析与机器学习实战用...</div>
            <div class="info-valid">有效期：100天</div>
            <div class="info-price">￥300.00</div>
          </div>
        </a>
      </div>
    </div>
    <div class="pay-summary">
      <div class="pay-total"><span class="label">实付：</span><span class="price color-red">￥200.00</span></div>
      <div class="pay-bar">
        <span class="tips">提交订单则表示您同意 <a href="#" target="_blank">《用户付费协议》</a></span>
        <a href="javascript:;" data-ordernum="101011001010" data-price="200.00" class="layui-btn layui-btn-radius pay-submit js-pay-submit">立即支付</a>
      </div>
    </div>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/lib/jquery.qrcode.min.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/c_order_pay.js"></script>
</body>
</html>